<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>File Converts</title>
		<link rel="icon" href="images/favicon.ico">
		<link rel="stylesheet" type="text/css" href="css/shouyie.css">
		<!-- bootstrap样式 -->
		<link rel="stylesheet" href="bootstrap/bootstrap.min.css">
		<script src="bootstrap/bootstrap.min.js"></script>
		<script src="bootstrap/popper.min.js"></script>
		<script src="bootstrap/bootstrap.bundle.min.js"></script>
		<!-- vue -->
		<script src="vue/vue.js"></script>
		<script type="module">
			new Vue({
				el: '#app',
				data: {
					logo: "images/filetranslogo.gif",
					download: [{
						version: "下载v1.0",
						link: "https://www.fntop.cn/converts-v1.exe",
					
					}, {
						version: "下载v2.0",
						link: "https://www.fntop.cn/converts-v2.exe",
					
					}, {
						version: "下载v3.0",
						link: "https://www.fntop.cn/converts-v3.exe",

					}],
					active: 3,
					name: "File Converts",
					copyright: "Copyright © 2023 cn.fntop",
					beian: "赣ICP备2023002035号",
					grade: [{
						description: '会员等级',
						m1: '月激活',
						m2: '年激活',
						m3: '永久激活'
					
					}, {
						description: '普通会员(图像格式转化)',
						m1: '1.00',
						m2: '9.9',
						m3: '69.9'
					}, {
						description: '至尊会员(图像、文档格式转化、主题设置、后续升级、个人信息查看)',
						m1: '4.9',
						m2: '39.9',
						m3: '199'
					}],
					vip: [{
						description: '功能',
						m1: '试用用户(试用30天)',
						m2: '普通会员',
						m3: '至尊会员'
					
					}, {
						description: '.png、.jepg、.gif、.bmp、.ico、.tiff等图像格式互转（v1）',
						m1: '+',
						m2: '+',
						m3: '+'
					}, {
						description: '管理员注册、续费、新增台数（v1）',
						m1: '+',
						m2: '+',
						m3: '+'
					}, {
						description: '系统默认主题切换（v2）',
						m1: '-',
						m2: '+',
						m3: '+'
					}, {
						description: '按钮样式切换（v2）',
						m1: '-',
						m2: '+',
						m3: '+'
					}, {
						description: '个人信息查看（v2）',
						m1: '-',
						m2: '+',
						m3: '+'
					}, {
						description: '自定义主题切换（v2）',
						m1: '-',
						m2: '-',
						m3: '+'
					}, {
						description: 'PDF、PPT、WORD等文档格式转化（v3）',
						m1: '-',
						m2: '-',
						m3: '+'
					}, {
						description: '用户自己注册、续费、新增台数（v3）',
						m1: '-',
						m2: '-',
						m3: '+'
					}, {
						description: 'Web端（v3）',
						m1: '-',
						m2: '-',
						m3: '+'
					}, {
						description: '安卓端（v3）',
						m1: '-',
						m2: '-',
						m3: '+'
					}, {
						description: '苹果端（v3）',
						m1: '-',
						m2: '-',
						m3: '+'
					}, {
						description: '享后续所有升级功能',
						m1: '-',
						m2: '-',
						m3: '+'
					}],
					headData: [{
						href: "index.html",
						remark: "首页"
					}, {
						href: "md.html",
						remark: "使用说明"
					}, {
						href: "contact.html",
						remark: "联系我们"
					}, {
						href: "member.html",
						remark: "会员"
					}],
					footData: [{
						title: "微信",
						href: "#",
						img: "images/wx.jpg",
						imgClass: "QR_code",
						target: "_self",
						sub: []
					}, {
						title: "公众号",
						href: "#",
						img: "images/public.png",
						imgClass: "QR_code",
						target: "_self",
						sub: []
					}, {
						title: "微信赞赏",
						href: "#",
						img: "images/wxnicepay.png",
						imgClass: "QR_code",
						target: "_self",
						sub: []
					}, {
						title: "微信群",
						href: "#",
						img: "images/wxgroup.png",
						imgClass: "QR_code",
						target: "_self",
						sub: []
					}, {
						title: "Gitee",
						href: "https://gitee.com/FnTop",
						imgClass: "",
						img: "",
						target: "_blank",
						sub: []
					}, {
						title: "CSDN",
						href: "https://blog.csdn.net/qq_40673786?spm=1010.2135.3001.5343",
						imgClass: "",
						img: "",
						target: "_blank",
						sub: []
					}, {
						title: "简体中文",
						href: "#",
						img: "",
						sub: [{
							title: "简体中文",
							href: "#",
							target: "_self",
							img: "",
							sub: []
						}, {
							title: "繁体中文",
							href: "#",
							target: "_self",
							img: "",
							sub: []
						}, {
							title: "english",
							href: "#",
							target: "_self",
							img: "",
							sub: []
						}]
					}]
				}
			});
		</script>
	</head>
	<body>
		<div id="app">
			<!--头部-->
			<nav class="navbar navbar-expand-lg bg-body-tertiary fixed-top shadow-lg bg-body-tertiary"
				data-bs-theme="dark">
				<div class="container-fluid" style="margin-left: 12%;">
					<a class="navbar-brand" href="index.html">
						<img :src="logo" alt="Logo" width="30" height="24" class="d-inline-block align-text-top">
						{{name}}
					</a>
					<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
						data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
						aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon"></span>
					</button>
					<div class="collapse navbar-collapse" id="navbarSupportedContent">
						<ul class="navbar-nav me-auto mx-2">
							<div v-for="(item,index) in headData">
								<li class="nav-item">
									<a :class="active==index?'nav-link active':'nav-link'"
										:href="item.href">{{item.remark}}</a>
								</li>
							</div>
						</ul>
						<form class="d-flex" style="margin-right: 12%;" role="search">
							<a class="btn btn-outline-success ms-3" v-for="item in download" :href="item.link"
								type="submit">{{item.version}}</a>
						</form>
					</div>
				</div>
			</nav>
			<!--核心-->
			<div class="container">
				<div class="row" style="margin-top: 70px;">

					<div class="col">

						<table class="table table-dark table-striped caption-top" style="width:100%">
							<caption><B class="text-danger-emphasis">会员价格具体说明，以下价格皆为单台的价格（一台设备只能被激活一次，<a class="text-success" href="md.html">使用注意事项</a>），多台按（2台8折 3台7折
									4台以上6折）计算</B>
								<B class="text-success"><i>活动促销中</i></B>
							</caption>
							<tbody>
								<tr v-for="(item,index) in grade">
									<td class="table-secondary" width="40%">{{item.description}}</td>
									<td class="table-success" width="20%">{{item.m1}}</td>
									<td class="table-warning" width="20%">{{item.m2}}</td>
									<td class="table-dark" width="20%">{{item.m3}}</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<div class="row">
					<div class="col">
						<table class="table table-dark table-striped caption-top" style="width:100%">
							<caption><B class="text-success-emphasis">以下是会员权限的详细说明</B></caption>
							<tbody>
								<tr v-for="(item,index) in vip">
									<td class="table-secondary" width="40%">{{item.description}}</td>
									<td class="table-success" width="20%">{{item.m1}}</td>
									<td class="table-warning" width="20%">{{item.m2}}</td>
									<td class="table-dark" width="20%">{{item.m3}}</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<!--4.页脚部分开始-->
			<div class="row mt-5 fixed-bottom">
				<div class="col">
					<div class="footer">
						<ul class="uu">
							<span v-for="item in footData">
								<li :class="item.sub.length!=0?'flast':'QR_father'">
									<a :target="item.target" :href="item.href">
										<img :class="item.imgClass" :src="item.img" v-if="item.img!==''" />
										{{item.title}}
										<ul class="languagefrom" v-if="item.sub!=null">
											<li v-for="subitem in item.sub">
												<a :target="subitem.target" :href="subitem.href">
													{{subitem.title}}
												</a>
											</li>
										</ul>
									</a>
								</li>
							</span>
						</ul>
						<p>
							{{copyright}} <br /> {{beian}}
						</p>
					</div>
				</div>
			</div>
		</div>
		</div>
	</body>
</html>